<header>
    <div class="ad">
    </div>
    <div class="com">
    </div>
    <div class="register">
        <p>注册享1880元大礼包</p>
        <p>下载第五大道APP</p>
    </div>
    <button>立即体验</button>
</header>

<div class="sticky">
    <div class="search">
        <div class="left">
            <div class="glass"></div>
            <div class="logo"></div>
        </div>
        <div class="right">
            <div class="shopcar"></div>
        </div>
    </div>
    <div class="hideNav">
        <ul>
            <li><a href="">上新</a></li>
            <li><a href="">海外馆</a></li>
            <li><a href="">闪购</a></li>
            <li><a href="">品牌</a></li>
            <li><a href="">专柜自提</a></li>
        </ul>
    </div>
</div>

<main>
    <!-- 轮播图 -->
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background:url(../images/b1.jpg) no-repeat;background-size: 100%;">
                </div>
                <div class="swiper-slide" style="background:url(../images/b2.jpg) no-repeat;background-size: 100%;">
                </div>
                <div class="swiper-slide" style="background:url(../images/b3.jpg) no-repeat;background-size: 100%;">
                </div>
                <div class="swiper-slide" style="background:url(../images/b4.jpg) no-repeat;background-size: 100%;">
                </div>
                <div class="swiper-slide" style="background:url(../images/b5.jpg) no-repeat;background-size: 100%;">
                </div>
                <div class="swiper-slide" style="background:url(../images/b6.jpg) no-repeat;background-size: 100%;">
                </div>
                <div class="swiper-slide" style="background:url(../images/b7.jpg) no-repeat;background-size: 100%;">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <div class="nav">
        <ul>
            <li class="p1"><a href="">上新</a></li>
            <li class="p2"><a href="">海外馆</a></li>
            <li class="p3"><a href="">值得买</a></li>
            <li class="p4"><a href="">闪购</a></li>
            <li class="p5"><a href="">品牌</a></li>
        </ul>
    </div>

    <div class="ad1">
        <ul>
            <li style="margin-right:.035rem"><a href=""><img src="../images/ad1.jpg" alt=""></a></li>
            <li style="margin-left:.035rem"><a href=""><img src="../images/ad2.jpg" alt=""></a></li>
            <li style="margin-right:.035rem"><a href=""><img src="../images/ad3.jpg" alt=""></a></li>
            <li style="margin-left:.035rem"><a href=""><img src="../images/ad4.jpg" alt=""></a></li>
        </ul>
    </div>

    <div class="newer">
        <a href="">
            <img src="../images/155929725266_750x586.jpg" alt="">
        </a>
    </div>
    <div class="newer" style="margin-bottom: 0rem">
        <a href="">
            <img src="../images/155929725054_750x586.jpg" alt="">
        </a>
    </div>
    <div class="rewen">
        <ul>
            <li><a href=""><img src="../images/n1.jpg" alt=""></a></li>
            <li><a href=""><img src="../images/n2.jpg" alt=""></a></li>
            <li><a href=""><img src="../images/n3.jpg" alt=""></a></li>
            <li><a href=""><img src="../images/n4.jpg" alt=""></a></li>
        </ul>
    </div>
    <div class="newer">
        <a href="">
            <img src="../images/155557437511_750x586.jpg" alt="">
        </a>
    </div>
    <div class="newer">
        <a href="">
            <img src="../images/155929724975_750x586.jpg" alt="">
        </a>
    </div>

    <div id="All">
       
    </div>

    <div class="gotop"></div>
   
</main>